
/* 行为相关颜色 */
$uni-color-primary: #007aff;
$uni-color-success: #4cd964;
$uni-color-warning: #f0ad4e;
$uni-color-error: #dd524d;

//卡片
.s_card {
	background-color: #FFF;
	padding: 24upx;
	margin-bottom: 24rpx;
	box-shadow: 0px 2px 8px 0px #ededed;
	&.radius{
		margin: 0 24upx 24upx;
		border-radius: 6upx;
	}
}

// 按钮组
.submit{
	text-align: center;
	padding: 24upx;
	.submitBtn{
		border-width: 0px;
		height: 100upx;
		line-height: 100upx;
		background: inherit;
		background-color: $uni-color-primary;
		box-sizing: border-box;
		border-width: 0;
		// border-style: solid;
		// border-color: rgba(242, 242, 242, 1);
		border-radius: 6upx;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
		color: #FFFFFF;
		&.radius_btn{
			border-radius: 50upx;
			box-shadow: 0px 8px 9px 0px #c3defc;
		}
		&:active{
			background-color: #3266a5;
		}
		&::after{
			border: none;
		}
	}
}


/**
 * 加载中
 */
.loading {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 24upx 0;
	color: #007aff;
	image {
		width: 64upx;
		height: 64upx;
		animation: loadAnimation 2s linear 0s infinite;
	}
}

@keyframes loadAnimation {
	from {
		transform:rotate(0deg);
	}

	to {
		transform:rotate(360deg);
	}
}

// 输入域组
.input_box_hotw {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	border-bottom: 1upx solid #ededed;
	padding: 0 24upx;
	margin: 12upx 0;
	font-size: 30upx;
	
	input {
		font-size: 30upx;
		height: 40upx;
		padding: 30upx 12px;
		// width: 100%;
		&:focus{
			background: #FF0000;
		}
	}
	.input_icon{
		width: 48upx;
		height: 48upx;
		
	}
	.input_label{
		width: 180upx;
	}
	.input_btn{
		color: #007AFF;
		padding: 6upx 12upx;
		&.border_no{
			border: none;
			&::after{
				border: none;
			}
		}
	}
}